.header {
  position: relative;
  height: .75rem;
  line-height: .75rem;
  font-size: .34rem;
  background: linear-gradient(to right, #28b9f4, #1ec8e7);
  color: #fff;
  text-align: center;
}

.header .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: .75rem;
  background: url("../images/jiantou-left.png")no-repeat .34rem center;
  background-size: auto 50%;
}

.content {
  padding: 0 .33rem;
}

.top {
  margin-top: .4rem;
  background: red;
  box-sizing: border-box;
}

.clear {
  clear: both;
}

.i_hint {
  float: left;
  height: .36rem;
  width: .36rem;
  background: url("../images/hint.png")no-repeat;
  background-size: 100%;
  margin-top: .1rem;
}

.top p {
  float: left;
  margin-left: .2rem;
  font-size: .26rem;
  color: #333;
}

.text {
  margin-top: .3rem;
}

.text p {
  font-size: .22rem;
  color: #333;
}

.userId {
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  margin: 0 auto;
  margin-top: .7rem;
  font-size: .34rem;
  color: #333;
}

.code {
  display: block;
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  margin-top: .4rem;
  background: url("../images/payment.png")no-repeat;
  background-size: 100%;
}
.code img{
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
}

.user_code {
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  margin: 0 auto;
  margin-top: .28rem;
  font-size: .24rem;
  color: #333;
}

.copy {
  height: .62rem;
  width: 4.54rem;
  background: #1ec7e8;
  margin: 0 auto;
  margin-top: .65rem;
  text-align: center;
  line-height: .62rem;
  border-radius: .31rem;
  color: #fff;
  font-size: .26rem;
}